<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <script>
        var html = document.getElementsByTagName('html')[0];
        html.style.fontSize = html.clientWidth / 3.75 + "px";
    </script>
    <title>地址管理</title>
    <link rel="stylesheet" href="../static/css/Reset.css"/>
    <link rel="stylesheet" href="../static/css/addressManagement.css"/>
</head>
<body>
	<div class="layout" id="address">
	    <div class="bianxie-dz" v-for="address in addressList" v-cloak>
	        <div class="all-click">
	        	<div v-on:click="selectAddr($event)" v-bind:id="address.id" >
		            <div class="sh-person">
		                <span>{{address.name}}</span>
		                <span class="person_tel">{{address.mobile}}</span>
		            </div>
		            <div class="dizhi">{{address.addrDetail}}</div>
	            </div>
	            <div class="fq_bianji">
	                <div class="fq_moren" v-if='address.isDefault' v-bind:id="address.id">
	                    <img src="../static/images/fqxuanzhong.png">
	                    <span>默认地址</span>
	                </div>
	                <div class="fq_moren" v-else='!address.isDefault' v-on:click="setDefaultAddr($event)" v-bind:id="address.id">
	                    <img src="../static/images/fqfuxuan.png">
	                    <span>设置默认</span>
	                </div>
	                <div class="fq_bianji2"><a v-bind:href="'./addAddress.html?id=' + address.id"><img src="../static/images/fabianji.png">编辑</a></div>
	                <div class="fq_shanchu" v-on:click="deleteAddr($event)"><img src="../static/images/fqshanchu.png">删除</div>
	            </div>
	        </div>
	    </div>
	    <a href="./addAddress.html"><div class="footer">添加收货地址</div></a>
	    <!--loading组件-->
		<loading v-show="showLoading"></loading>
		
	</div>
</body>
<!--<script src="https://api.map.baidu.com/api?v=2.0&ak=HuWMDRmExUdhWoXsVSnBgqdvtWzhgfDY&s=1"></script>-->
<script type="text/javascript" src="../libs/jquery.min.js"></script>
<script type="text/javascript" src="../libs/jquery.validate.min.js"></script>
<script type="text/javascript" src="../libs/fastclick.min.js"></script>
<script type="text/javascript" src="../libs/vue/vue.min.js"></script>
<script type="text/javascript" src="../libs/vue/vue-resource.min.js"></script>
<script type="text/javascript" src="../libs/require.js"></script>
<script type="text/javascript" src="../libs/var.js"></script>
<script type="text/javascript" src="../libs/common.js"></script>
<script type="text/javascript" src="./js/mydress.js"></script>
</html>